@charset "UTF-8";
body{
    width: 100%;
    min-width: 1200px;
}
.societyweb{
    min-width: 1200px;
}
.main{
    width: 1200px;
    margin: 0 auto;
}
.selectlist{
    display: inline-block;
    width: 16.7%;
    vertical-align: top;
    margin-top: 43px;
    ul{
        display: inline-block;
        width: 100%;
        height: 280px;
    }
    .title{
        width: 100%;
        height: 99px;
        border-bottom: 1px solid #666666;
        line-height: 1.6;
        box-sizing: border-box;
        padding-left: 16px;
        text-align: left;
        font-size: 0;
        .eng a{
            display: inline-block;
            font-size: 20.14px;
            font-family: "微软雅黑";
            color: #666666;
        }
        .ch a{
            display: inline-block;
            font-size: 28px;
            font-family: "微软雅黑";
            color: #666666;
        }
    }
    .title:hover a{
            color: #CC0033;
        }
    .option{
        width: 100%;
        height: 59px;
        border-bottom: 1px solid #e9e9e9;
        white-space: nowrap;
        line-height: 59px;
        a{
            padding-left: 16px;
            font-size: 18px;
            font-family: "微软雅黑";
            color: #666666;
        }
        span{
            vertical-align: top;
            margin-right:23%;
        }
        img{
            vertical-align: middle;
        }
        a:hover{
            color: #CC0033;
        }
    }
}
.content{
    display: inline-block;
    vertical-align: top;
    width: 79%; //990
    white-space: nowrap;
    margin-top: 16px;
    .path{
        display: inline-block;
        margin-left: 69%;
        ul{
            .img{
                display: inline-block;
                vertical-align: middle;
                margin-right: 8px;
            }
            .word{
                display: inline-block;
                vertical-align: middle;
                margin-right: 16px;
                a{
                    font-size: 14px;
                    font-family: "宋体";
                    color: #919191;
                }
                a:hover{
                 color: #CC0033;
                }
            } 
        }
    }
    .contactContent{
        width: 94.2%;
        position: relative;
        margin-left: 7.6%;
        z-index: 2;
        .contactTitle{
            width: 35.9%;//
            text-align: center;
            border-bottom: 1px solid #8a8a8a;
            font-size: 0;
            margin-left: 12.4%;
            position: relative;
        .word{
            display: inline-block;
            font-size: 36px;
            font-family: "微软雅黑";
            margin-bottom: 46px;
        }
        .circle{
            display: inline-block;
            border: 12px solid #3d538c;
            border-radius: 50%;
            position: absolute;
            top: 140px;
            left: 46.6%;
        }
       }
       .information{
           width: 100%;
           z-index: 2;
           .infTitle{
               font-size: 26px;
               font-family: "微软雅黑";
               color: #35468e;
               margin-top: 59px;
               margin-bottom: 8px;
           }
           .infTxt{
               font-size: 14px;
               font-family: "微软雅黑";
               color: #7e7e7e;
               margin-top: 18px;
               letter-spacing: -1px;
           }
            a{
               font-size: 14px;
               font-family: "微软雅黑";
               color: #7e7e7e;
           }
           a:hover{
               color: #99CCCC;
           }
       }
       .QRcode{
            width: 32.6%;
            height: 204px;
            margin: 0 auto;
            margin-left: 5.6%;
            margin-top: 46px;
            font-size: 0;
            .salecode{
               width: 37.1%;
               text-align: center; 
               margin-right: 24.8%;
               font-size: 14px;
                font-family: "微软雅黑";
                color: #35468e;
                span{
                    display: block;
                    width: 100%;
                }
                img{
                    width: 100%;
                }
            }
            .buycode{
                width: 37.1%;
                text-align: center;
                font-size: 14px;
                font-family: "微软雅黑";
                color: #35468e;
                span{
                    display: block;
                    width: 100%;
                }
                img{
                    width: 100%;
                }
            }
        }
        .bgImg{
            width: 38.6%;
            position: absolute;
            top: 152px;
            left: 56%;
            z-index: 1;
            img{
                width: 100%;
                animation: rotate 1s ease infinite;
            }
//          img:hover{
//              transform: rotateX(360deg);
//              transition: transform ease 1s;
//          }
        }
    }
}
@keyframes rotate{
    0%{
        transform: rotateY(0deg);
    }
    100%{
        transform: rotateY(360deg);
    }
}
